<template>
  <div style="display:flex;">


    <div>


      <!--超大头像-->
      <el-image
          style="width: 500px; height: 500px; border-radius: 8px"
          :src="url"
          :fit="cover">
      </el-image>
    </div>


    <div>


      <!--职业-->
      <p>初级java开发工程师</p>
      <!--用户名-->
      <span class="user-Name">{{ user.username }}</span>
      <span>dsafa</span>
      <p>热爱工作，每天早到迟退</p>
      <p>热爱学习，一天不学浑身难受</p>
      <p>熟悉java基础</p>
      <p>熟悉spring,SpringMVC,Mybatis,SpringBoot等开源框架</p>
      <p>了解vue以及elementUI</p>
    </div>

  </div>
</template>

<script>
export default {
  name: "AboutMe",

  data() {
    return {
      url: 'https://image.ibear.top/avatar-BlackMan.jpeg'
    }
  },

  //从缓存中获取用户信息
  created() {
    let userStr = sessionStorage.getItem("user") || "{}"
    this.user = JSON.parse(userStr)
  }

}
</script>

<style scoped>
.user-Name {
  font-family: YouSheBiaoTiHei;
  font-size: 50px;
  margin: 20px;
  font-weight: 600;
  font-style: normal;
  color: #333;
}

</style>